<template>
  <el-table-column
    ref="tableColumn"
    class="test"
    v-bind="$attrs"
    align="center"
    header-align="center"
    :show-overflow-tooltip="true"
    v-on="$listeners"
  >
    <template v-if="useSlot" #default="attr">
      <slot name="default" v-bind="attr" />
    </template>
  </el-table-column>
</template>
<script>
export default {
  name: 'TableColumn',
  props: {
    useSlot: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style lang="scss" scoped>
::v-deep.test.el-tooltip__popper {
    padding-left: 10px;
    color: red !important;
  }
</style>
<style>
.el-tooltip__popper{
  margin-left: 20px;;
}
</style>
